The Technology Department equips students with the skills to build, secure, and control digital systems from the ground up.
| No | Tag Name | Use | Version |
|---|---|---|---|
| 1 | a | Hyperlink, formerly anchor tag | 4 |
| 2 | abbr | abbreviation | 4 |
| 3 | address | To add postal address | 4 |
| 4 | area | Hyperlink for Image Map | 4 |
| 5 | article | An independent article for blog post. | 5 |
| 6 | aside | side bar for layout | 5 |
| 7 | audio | To play audio file | 5 |
| 8 | b | bold text | 4 |
| 9 | base | base URL | 4 |
| 10 | bdi | BiDirectional Isolate | 5 |
| 11 | bdo | BiDirectional Override | 4 |
| 12 | blockquote | Block level quotation | 4 |
| 13 | body | body of web document | 4 |
| 14 | br | line break | 4 |
| 15 | button | Default button | 4 |
| 16 | button type="button" | button tag | 4 |
| 17 | button type="reset" | reset button for form | 4 |
| 18 | button type="submit" | submit button for form | 4 |
| 19 | canvas | canvas tag for drawing, graphics and games | 5 |
| 20 | caption | caption for table tag | 4 |
| 21 | cite | cited title | 4 |
| 22 | code | Code to show | 4 |
| 23 | col | column for table colgroup | 4 |
| 24 | colgroup | group for table columns | 4 |
| 25 | data | machine readable data with value attribute | 5 |
| 26 | datalist | datalist for input controls | 5 |
| 27 | dd | description data in dl | 4 |
| 28 | del | deleted text | 4 |
| 29 | details | details for collapsible content | 5 |
| 30 | dfn | Define Instance | 4 |
| 31 | dialog | Dialog box or window | 5 |
| 32 | div | division, block level element for grouping | 4 |
| 33 | dl | Description List | 4 |
| 34 | dt | Description term of dl | 4 |
| 35 | em | emphasize text | 4 |
| 36 | embed | To embed plugins | 5 |
| 37 | fieldset | group of form controls | 4 |
| 38 | figcaption | caption for figure | 5 |
| 39 | figure | Items like picture or graphical content | 5 |
| 40 | footer | footer of content | 5 |
| 41 | form | form to submit user information to web server | 4 |
,
,
with title and class attributes and inspect in the browser. Module 3 – Text and Structure Lesson 4: HTML Text Goal: Learn to format and structure written content. Topics:
, , , )
Examples of inline (e.g., , )
Exercise: Make a page showing block elements stacked and inline elements on the same line.
Lesson 7: HTML Doctype
Goal: Learn why exists.
Topics:
HTML versions
Standards mode vs quirks mode
Exercise: Create two HTML pages—one with and one without DOCTYPE—and compare.
Module 4 – Lists, Media, and Links
Lesson 8: HTML List
Goal: Create ordered, unordered, and definition lists.
Topics:
Quotation tags: ,
Exercise: Write a mini biography using multiple text formatting tags.
Lesson 5: HTML Headings
Goal: Learn hierarchical structure for titles and sections.
Topics:
through
SEO importance
Exercise: Create a document with a main heading and multiple subheadings.
Lesson 6: HTML Block and Inline Elements
Goal: Differentiate block vs inline behavior.
Topics:
Examples of block (e.g.,
,
,
,
and a ranking list with
.
Lesson 9: HTML Image
Goal: Add and control images in web pages.
Topics:
tag and attributes (src, alt, width, height)
Relative vs absolute paths
Exercise: Add three images with captions to your page.
Lesson 10: HTML Hyperlink
Goal: Link between pages and external sites.
Topics:
tag basics
target attribute (_blank, _self)
Exercise: Create navigation links between three HTML pages.
Lesson 11: HTML Iframes
Goal: Embed other web pages inside your page.
Topics: